{% extends "bet_base.html" %}

{% block extra_styles %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/index.css" />
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}styles/formly.css"  />
<script type="text/javascript" src="{{MEDIA_URL}}js/formly.js"></script>
{%endblock%}

{% block content %}

 
<div id="signupbox"> 


<form id="signup_form" action="signup" method="post" title="Member Sign Up">
 {% csrf_token %}
 {{form.non_field_errors}}
 	{% if error %}
 	<h2>{{error}}</h2>
 	{%endif%}
 	{{ form.username }}
 	
 	{{ form.password }}
 
 	{{form.passwordagain}}
 	<br>
 	<br>
 	<h2>Tell us more about you:</h2>
 	
 	{{ form.email }}
 	{{ form.zip }}
 	<br>
 	<br>
 <label for="gender">GENDER:</label>
 	{{ form.gender }}
 	
 <label for="age">AGE:</label>
 	{{ form.age}}
 	
 	
 	
 	
     <p><input class="signupinput" type="submit" value="Sign Up!" /></p>
	 Your personal information will only be used for contacting you. It will not be shared in any way.
</form>


</div>


<script>
$(document).ready(function()
  { $('#signup_form').formly({'onBlur':false, 'theme':'Dark'});; });
</script>
{% endblock %}



 

